<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			input[type=button]{
				width: 100px;
				height: 50px;
				font-size: 20px;
			}
			#show_area{
				margin-top: 20px;
				width: 200px;
				height: 200px;
				border: 2px solid;
			}
		</style>
		<script>
			function inputClick(){
				var showStr = prompt("请输入");
				//获取显示区域
				var showDiv = document.getElementById("show_area");
				//用输入内容的长度为依据来判断是否有输入的文字
				if(showStr.length!=0){
					//写入内容
				    showDiv.innerHTML = showStr;
				}else{
					alert("???");
				}
				//写入内容
				//showDiv.innerHTML = showStr;
				
			}
		</script>
	</head>
	<body>
		<input type="button" onclick="inputClick()" value="请输入内容"/>
		<div id="show_area"></div>
	</body>
</html>
